GraphQL Inline Fragment
the ability to define interfaces and union types.
ID配列を引数にとるqueryがきて、そのnodes(ids: $ids){ ... Product {...で、queryで取得するデータの配列の要素の型が product型を示す
この Inline Fragmentを使わないと、query getProducts($ids: [ID]!) で取得するnodesを特定(型確定?)できない。
code: graphql_inline_fragment.js
const GET_PRODUCTS_BY_ID = gql`
query getProducts($ids: ID!!) { nodes(ids: $ids) {
... on Product {
title, handle, descriptionHtml, id
images(first: 1) {
edges { node { originalSrc altText } }
}
variants(first: 1) {
edges { node { price, id } }
}
}
}
}
`;